<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>Title</title>
</head>
<body>
<div id="f">
    <main class="col-md-8 main-content">
    <article id="91" class="post tag-about-ghost tag-zhu-shou-han-shu tag-jquery">
        <header class="post-head">
            <h1 class="post-title" th:text="${article.title}"></h1>
            <section class="post-meta">
                <span class="author">作者：<a th:href="@{/about}">苏陌年</a></span> &bull;
                <time class="post-date" th:text="${article.createDate}">2015年8月29日</time>
            </section>
        </header>


        <section class="post-content" th:utext="${article.content}">

        </section>

        <footer class="post-footer clearfix">
            <div class="pull-left tag-list">
                <i class="fa fa-folder-open-o"></i>
                <a th:each="tags : ${article.tagsList}" th:href="${tags.url}" th:text="${tags.name}">标签</a>
            </div>

            <!--<div class="pull-right share">-->
                <!--<div class="bdsharebuttonbox share-icons">-->
                    <!--<a href="#" class="bds_more" data-cmd="more"></a>-->
                    <!--<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>-->
                    <!--<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>-->
                    <!--<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>-->
                    <!--<a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>-->
                    <!--<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>-->
                <!--</div>        -->
            <!--</div>-->
        </footer>

    </article>

    <div class="about-author clearfix">
        <a href="/author/wangsai/"><img src="http://static.ghostchina.com/image/5/ea/da657733ee8c9add9cf3fd70183a6.png" alt="王赛" class="avatar pull-left"/></a>

        <div class="details">
            <div class="author">
                关于作者 <a th:href="@{/about}">苏陌年</a>
            </div>
            <div class="meta-info">
                <span class="loaction"><i class="fa fa-home"></i>福建福州</span>
                <span class="website"><i class="fa fa-globe"></i><a href="http://www.bootcss.com" targer="_blank">个人网站/博客</a></span>
            </div>
        </div>
    </div>

    <div class="prev-next-wrap clearfix">
        <!--<a class="btn btn-default" href="/ghost-1-0-released/"><i class="fa fa-angle-left fa-fw"></i> Ghost 1.0 版本正式发布</a>-->
        <!--&nbsp;-->

        <!--<a class="btn btn-default" href="/custom-excerpts/">自定义文章摘要（Excerpt） <i class="fa fa-angle-right fa-fw"></i></a>-->
        <a class="btn btn-default" th:if="${prev} == true" th:href="${prevUrl}" th:utext="${prevTitle}"></a>
        &nbsp;

        <a class="btn btn-default" th:if="${next} == true" th:href="${nextUrl}" th:utext="${nextTitle}"></a>
    </div>
</main>
</div>
</body>
</html>